<template>
  <div class="meau-header">
    <div class="meau-search">
      <img src="https://m.wowdsgn.com/static/img/searchIcon-e103f6f03f8488bbc144da2ef8684396.png" alt="">
      <input type="text" placeholder="搜索我的尖叫好物">
    </div>
  </div>
</template>

<style lang="scss">
  .meau-header{
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
    display: inline-block;
    .meau-search{
      display: inline-block;
      width: 270px;
      height:  28px;
      line-height: 28px;
      vertical-align: middle;
      background-color: #F5F5F5;
      border-radius: 15px;
      margin-left: 8px;
      margin-bottom: 2px;
      img{
        width: 20px;
        height: 20px;
        vertical-align: middle;
        margin: 0 5px;
      }
      input{
        outline: none;
        border: none;
        background-color: #F5F5F5;
        display: inline-block;
        width: 80%;
        height: 27px;
        font-size: 14px;
      }
    }
  }
</style>
